[#ftl]
[@define "agile.TextStyleEditor","agile._XMetadataEditor"]	
   [#assign templateString]
	<table cellspacing="4px">
		<tr>
		<td title="{i18n_font_style_tooltip}" class="tooltip">{i18n_fontstyle}</td><td><div data-dojo-type='agile.NumberComboBox' class="peditor" name="fontStyle" htmlName="font-style" options="normal,italic,oblique"></div></td>
		<td title="{i18n_font_weight_tooltip}" class="tooltip">{i18n_font_weight}</td><td><div data-dojo-type='agile.NumberComboBox' class="peditor" name="fontWeight" htmlName="font-weight" options="normal,bold,bolder,lighter,100,200,300,400,500,600,700,800,900"></div></td>
		<td title="{i18n_font_family_tooltip}" class="tooltip">{i18n_font_family}</td><td><div data-dojo-type='agile.NumberComboBox' class="peditor" name="fontFamily"  htmlName="font-family"  options="georgia,times,courier,arial,serif,sans-serif,cursive,fantasy,monospace,*"></div></td>
		</tr>					
		<tr>	
		<td title="{i18n_font_size_tooltip}" class="tooltip">{i18n_font_size}</td><td><div data-dojo-type='agile.NumberComboBox' class="peditor" name="fontSize"  htmlName="font-size" options="xx-small,x-small,small,medium,large,x-large,xx-large,smaller,larger,0,0%"  unit="px"></div></td>
		[#--<td title="{i18n_font_stretch_tooltip}" class="tooltip">{i18n_font_stretch}</td><td><div data-dojo-type='agile.NumberComboBox' class="peditor" name="fontStretch"  htmlName="font-stretch" options="normal,wider,narrower,ultra-condensed,extra-condensed,condensed,semi-condensed,semi-expanded,expanded,extra-expanded,ultra-expanded"></div></td>--]
		<td title="{i18n_font_variant_tooltip}" class="tooltip">{i18n_font_variant}</td><td><div data-dojo-type='agile.NumberComboBox' class="peditor" name="fontVariant"  htmlName="font-variant" options="normal,small-caps"></div></td>
		<td title="{i18n_color_tooltip}" class="tooltip">{i18n_color}</td>
		<td align="left"><div data-dojo-type='agile.ColorSelector' title="color" class="peditor" name="color" htmlName="color"></div></td>	
		</tr>
		<tr>						
			<td nowrap="true" title="{i18n_line_height_tooltip}" class="tooltip">{i18n_line_height}</td>
			<td><div data-dojo-type='agile.NumberComboBox' class="peditor" name="lineHeight" htmlName="line-height" options="normal,0,0%" unit="px"></div></td>				
			[#--<td title="{i18n_direction_tooltip}" class="tooltip">{i18n_direction}</td>
			<td><div data-dojo-type='agile.NumberComboBox' class="peditor" name="direction" htmlName="direction" options="ltr,rtl"></div></td>--]
			
			<td title="{i18n_white_space_tooltip}" class="tooltip">{i18n_white_space}</td>
			<td><div data-dojo-type='agile.NumberComboBox' class="peditor" name="whiteSpace" htmlName="white-space" options="normal,pre,nowrap,pre-wrap,pre-line"></div></td>
			<td nowrap="true" title="{i18n_letter_spacing_tooltip}" class="tooltip">{i18n_letter_spacing}</td>
			<td><div data-dojo-type='agile.NumberComboBox' class="peditor" name="letterSpacing" htmlName="letter-spacing" options="normal,0" unit="px"></div></td>
		</tr>
		<tr>
			<td title="{i18n_word_wrap_tooltip}" class="tooltip">{i18n_word_wrap}</td>
			<td><div data-dojo-type='agile.NumberComboBox' class="peditor" name="wordWrap" htmlName="word-wrap" options="normal,break-word"></div></td>
			<td title="{i18n_word_break_tooltip}" class="tooltip">{i18n_word_break}</td>
			<td><div data-dojo-type='agile.NumberComboBox' class="peditor" name="wordBreak" htmlName="word-break" options="normal,break-all,keep-all"></div></td>
			<td title="{i18n_word_spacing_tooltip}" class="tooltip">{i18n_word_spacing}</td>
			<td><div data-dojo-type='agile.NumberComboBox' class="peditor" name="wordSpacing" htmlName="word-spacing" options="normal,0" unit="px"></div></td>
		</tr>
		<tr>
			<td title="{i18n_text_align_tooltip}" class="tooltip">{i18n_text_align}</td>
			<td><div data-dojo-type='agile.NumberComboBox' class="peditor" name="textAlign" htmlName="text-align" options="left,right,center,justify"></div></td>
			<td title="{i18n_text_indent_tooltip}" class="tooltip">{i18n_text_indent}</td>
			<td><div data-dojo-type='agile.NumberComboBox' class="peditor" name="textIndent" htmlName="text-indent" options="0,0%" unit="px"></div></td>
			<td nowrap="true" title="{i18n_text_decoration_tooltip}" class="tooltip">{i18n_text_decoration}</td>
			<td><div data-dojo-type='agile.NumberComboBox' class="peditor" name="textDecoration" htmlName="text-decoration" options="none,underline,overline,line-through,blink"></div></td>
		</tr>
		<tr>
			<td nowrap="true" title="{i18n_text_overflow_tooltip}" class="tooltip">{i18n_text_overflow}</td>
			<td><div data-dojo-type='agile.NumberComboBox' class="peditor" name="textOverflow" htmlName="text-overflow" options="clip,ellipsis"></div></td>						
			<td nowrap="true" title="{i18n_text_transform_tooltip}" class="tooltip">{i18n_text_transform}</td>
			<td><div data-dojo-type='agile.NumberComboBox' class="peditor" name="textTransform" htmlName="text-transform" options="none,uppercase,capitialize,lowercase"></div></td>
			<td></td><td></td>
		</tr>
		<tr>	
			[#--<td nowrap="true" title="{i18n_text_shadow_tooltip}" class="tooltip"  valign="top">{i18n_text_shadow}</td>--]
			<td colspan="6" align="lect"><div data-dojo-type='agile.TextShadowEditor' class="xeditor"></div></td>
		</tr>
	</table>  
	[/#assign]
	templateString:"${templateString?js_string}"
[/@]
